<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <!--<link rel="stylesheet" type="text/css" href="/easyui/themes/metro/easyui.css"/>-->
    <!-- TopJUI框架样式 -->
    <link type="text/css" href="/css/ol.css" rel="stylesheet">
    <!-- FontAwesome字体图标 -->
    <link type="text/css" href="/static/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"/>

    <script src="/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="/topjui/js/sysutils.js"></script>
</head>

<body style="padding-left: 8px;">

<ol id="msg" class="rounded-list">
    <li><a href="">List item</a></li>
    <li><a href="">List item</a></li>
    <li><a href="">List item</a></li>
    <li><a href="">List sub item</a></li>
    <li><a href="">List sub item</a></li>
    <li><a href="">List sub item</a></li>
    <li><a href="">List item</a></li>
    <li><a href="">List item</a></li>
</ol>

<script type="text/javascript" charset="utf-8" th:inline="none">
$(function () {
    var ref = setInterval(function(){
        var o = $('#msg');
        var m = $('<li><a href="">['+getTime()+']List item</a></li>');
        m.prependTo(o);//加载到第一位
        //m.appendTo(o);//加到最后
        m.fadeIn(100);
    },2000);
})
</script>

</body>
</html>